﻿@using SelfManagement.Web.Models.ViewModels.AccountModels
@model RegisterModel
@using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "register-form js-ajax-form" }))
{
    <h3>注册</h3>
    <p>
        请输入您的个人信息
    </p>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">@Html.DisplayNameFor(m => m.TrueName)</label>
        <div class="input-icon">
            <i class="fa fa-font"></i>
            @Html.TextBoxFor(m => m.TrueName, new { @class = "form-control placeholder-no-fix", @placeholder = "请输入姓名" })
        </div>
        @Html.ValidationMessageFor(m => m.TrueName)
    </div>
    <div class="form-group">
        <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
        <label class="control-label visible-ie8 visible-ie9">@Html.DisplayNameFor(m => m.Email)</label>
        <div class="input-icon">
            <i class="fa fa-envelope"></i>
            @Html.TextBoxFor(m => m.Email, new { @class = "form-control placeholder-no-fix", @placeholder = "请输入邮箱" })
        </div>
        @Html.ValidationMessageFor(m => m.Email)
    </div>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">@Html.DisplayNameFor(m => m.Phone)</label>
        <div class="input-icon">
            <i class="fa fa-phone"></i>
            @Html.TextBoxFor(m => m.Phone, new { @class = "form-control placeholder-no-fix", @placeholder = "请输入手机" })
        </div>
        @Html.ValidationMessageFor(m => m.Phone)
    </div>
    <p>
        请输入您的用户信息
    </p>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">@Html.DisplayNameFor(m => m.UserName)</label>
        <div class="input-icon">
            <i class="fa fa-user"></i>
            @Html.TextBoxFor(m => m.UserName, new { @class = "form-control placeholder-no-fix", @placeholder = "用户名" })
        </div>
        @Html.ValidationMessageFor(m => m.UserName)
    </div>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">@Html.DisplayNameFor(m => m.Password)</label>
        <div class="input-icon">
            <i class="fa fa-lock"></i>
            @Html.PasswordFor(m => m.Password, new { @class = "form-control placeholder-no-fix", @placeholder = "请输入密码", @autocomplete = "off" })
        </div>
        @Html.ValidationMessageFor(m => m.Password)
    </div>
    <div class="form-group">
        <label class="control-label visible-ie8 visible-ie9">@Html.DisplayNameFor(m => m.RPassword)</label>
        <div class="controls">
            <div class="input-icon">
                <i class="fa fa-check"></i>
                @Html.PasswordFor(m => m.RPassword, new { @class = "form-control placeholder-no-fix", @placeholder = "确认密码", @autocomplete = "off" })
            </div>
            @Html.ValidationMessageFor(m => m.RPassword)
        </div>
    </div>
    <div class="form-actions">
        <button id="register-back-btn" type="button" class="btn btn-default">
            <i class="m-icon-swapleft"></i> 返回
        </button>
        <button type="submit" id="register-submit-btn" class="btn btn-info pull-right">
            注册 <i class="m-icon-swapright m-icon-white"></i>
        </button>
    </div>
}